<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>代付管理</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <!-- <script src="../../public/easyhelper/js/jq.min.js"></script> -->
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
    <script src="../../public/datetime/datetime.js"></script>
    <script src="../../static/js/md5.js"></script>
</head>
<style>
    .content {
			margin: 30px auto;
			width: 70vw;
			border: #dfdfdf solid 1px;
            /* overflow-y: scroll; */
            margin-left: 0vw;
            box-shadow: 0px 1px 10px 0px #bcbcbc
		}
	.content li {
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			border-bottom: #e8e8e8 solid 1px;
        }
        #selectAll :hover{
        background-color: #e0e0e0
    }
	.page {
			text-align: center;
			margin-bottom: 155px;
		}
    /* #selectAll{
        overflow-y: scroll;
        height: 409px;
    } */
</style>
<body>
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">代付管理</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw">
                    <div>
                        <!-- <button style="background-color:#6a71ba;color:#fff;border: 0;border-radius: 5px;width: 9vw;margin-top: 3vh;height: 5vh;font-size: 1vw;margin-right: 3vw;font-weight: bold">商户信息列表</button> -->
                        <button style='color:#f6f6f6;background-color:#666;border-radius: 12px;border: 0;width: 4vw;margin-top:4vh;height: 3vh' onclick="search()">筛选</button>
                    </div>
                    <div style="margin-top:3vh;">
                        代付订单号 <input type="text" placeholder=" 输入代付订单号" style="margin-right: 1vw" id="orderCode" onchange="changeinfo(this.id,this.value)">
                        时间区域 <input class="datainp" id="startTime" type="text" placeholder="请选择"  onchange="changeinfo(this.id,this.value)" readonly>
                         - <input class="datainp" style="margin-right:1vw" id="endTime" type="text" placeholder="请选择"  onchange="changeinfo(this.id,this.value)" readonly>
                        金额区域 <input type="text" id="lowPrice" style="min-width:100px;width:130px" onchange="changeinfo(this.id,this.value)">
                         - <input type="text" id="highPrice" style="margin-right: 1vw;min-width: 100px;width: 130px" onchange="changeinfo(this.id,this.value)">
                        代付状态 <select name="" id="status" style="height:2.8vh;background-color:#fff;border-radius:3px" onchange="changeinfo(this.id,this.value)">
                            <option value="" style="color:#666">全部</option>
                            <option value="SUCCESS" style="color:#36bd20">已代付</option>
                            <option value="WAIT" style="color:#e0d645">审核中</option>
                            <option value="FAIL" style="color:#fa4646">拒绝</option>
                        </select>
                    </div>
                    <div style="margin-top:3vh">
                        持卡人<input type="text" placeholder=" 请输入持卡人" style="margin-right: 1vw" id="bankUsername" onchange="changeinfo(this.id,this.value)">
                        银行卡号<input type="text" placeholder=" 请输入银行卡号" style="margin-right: 5vw" id="bankCard" onchange="changeinfo(this.id,this.value)">
                    </div>
                    <div>
                        <div class="content">
                            <ul style="background-color:#666;color: #fff">
                                <li>
                                    <span style="width:5vw;display:inline-block;margin-left:5vw">代付订单号</span>
                                    <span style="width:19vw;display:inline-block">交易时间</span>
                                    <span style="width:9vw;display:inline-block">交易金额(元)</span>
                                    <span style="width:11vw;display:inline-block">手续费(元)</span>
                                    <span style="width:6vw;display:inline-block">代付详情</span>
                                    <span style="width:12vw;display:inline-block;">操作</span>
                                </li>
                            </ul>
                            <ul id="selectAll">
                            </ul>
                        </div>
                        <div class="page" id="page-3"></div>                
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="daifu_detail" style="position:absolute;left:29vw;top:26vh;display: none;background-color: #fff;width:50vw;height: 52vh;border-radius: 6px">
        <div style="width:100%;height:6vh;background-color:#ccc;color:#000;font-size: 1vw;text-align: center;padding-top: 2vh;border-top-left-radius: 6px;border-top-right-radius: 6px">
            查看详情
        </div>
        <div>
            <div style="width:46vw;margin-left:4vw;margin-top: 3vh;font-size: 1vw">
                <div>商户号<span id="detail_merchantNo" style="display:inline-block;width: 20vw;margin-left: 1vw"></span>代付金额<span id="detail_amount" style="margin-left: 1vw"></span></div>
                <div style="margin-top:1vh">开户行<span id="detail_bankName" style="display:inline-block;width: 20vw;margin-left: 1vw"></span>银行卡号<span id="detail_bankCard" style="margin-left: 1vw"></span></div>
                <div style="margin-top:1vh">持卡人<span id="detail_bankUsername" style="display:inline-block;width: 20vw;margin-left: 1vw"></span>手续费<span id="detail_poundage" style="margin-left: 1vw"></span></div>
                <div style="margin-top:1vh">账户当前余额<span id="detail_currentAmount" style="margin-left: 1vw"></span></div>
            </div>
        </div>
        <div style="text-align:center;margin-top: 1vh">
            <button style="background-color:rgb(249, 29, 29);color:#fff;height:5vh;width: 4vw;border-radius: 5px" onclick="daifu_detail_close()">关闭</button>
        </div> 
    </div>
</body>
<script>var dangqian = '8'</script>
<script src="../../public/include.js"></script>
<script src="daifuguanli.js"></script>
</html>